<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
    <head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	<title>SCB First to Enjoy</title>
	<link rel="stylesheet" href="css/global.css" media="all" />
	<link rel="stylesheet" href="css/style.css" media="all" />
	<script src="js/jquery.min.js"></script>
    </head>
    <body>
	<div id="fb-root"></div>
	<script type="text/javascript">
	    window.fbAsyncInit = function() {
		FB.init({
		    appId: '{$fb_app_id}',
		    status: true,
		    cookie: true,
		    xfbml: true
		});
		FB.Canvas.setSize({width: 810, height: 834});
	    };
	    (function() {
		var e = document.createElement('script'); e.async = true;
		e.src = document.location.protocol +
		'//connect.facebook.net/en_US/all.js';
		document.getElementById('fb-root').appendChild(e);
	    }());
	</script>
	
	<div id="wrapper" class="wrapper-home">
            <a href="form.html" title="Click to Enjoy" id="home-bt">&nbsp;</a>
	    
	    <div class="hidden">
		<script type="text/javascript" src="js/fancybox/jquery.fancybox.pack.js"></script>
		<link rel="stylesheet" href="js/fancybox/jquery.fancybox.css" media="all" />
		<script type="text/javascript">
		    $(document).ready(function(){
			$('.acolorbox').fancybox({
			    'closeBtn':false,
			    'autoDimensions' : false,
			    'autoScale' : false,
			    'closeClick' : false,
			    'helpers' :  {
				overlay : {
				    closeClick: false
				}
			    }
			});
			
			{if="$is_like != 1"}
			    $('#unlike-box').click();
			{/if}
			
			$('.light-box-close-bt').live('click',function(){
			   $.fancybox.close();
			});
		    });
		</script>
		
		<!-- light box : Like -->
		<a href="#like-check" class="acolorbox" id="unlike-box">Click!!</a>
		<div id="like-check">
		    <img src="images/close-bt.png" class="light-box-close-bt" alt="close" />
		    
		    <div class="like">
			<iframe src="//www.facebook.com/plugins/like.php?href=https%3A%2F%2Fwww.facebook.com%2Fscbcard&amp;send=false&amp;layout=button_count&amp;width=80&amp;show_faces=false&amp;action=like&amp;colorscheme=light&amp;font&amp;height=21&amp;appId=120503238034114" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:80px; height:21px;" allowTransparency="true"></iframe>
		    </div>
		    
		    <a href="javascript:$.fancybox.close();" class="skip" title="skip">SKIP</a>
		</div>
		<!-- light box : Like end -->
	    </div>
        </div>
    </body>
</html>